<%--
  Created by IntelliJ IDEA.
  User: sky_group6
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html>
<head>
    <title>新生报到系统登录</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="Shortcut Icon" href="/img/ctgu_icon.jpg" type="image/x-icon" />
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <link rel="stylesheet" type="text/css" href="css/body.css"/>
    <link rel="stylesheet" type="text/css" href="../../vendor/font-awesome/css/font-awesome.min.css">
    <!-- Vendor CSS -->
    <link rel="stylesheet" type="text/css" href="../../vendor/bootstrap/css/grid.css">
    <link rel="stylesheet" type="text/css" href="../../plugins/magnific-popup/css/magnific-popup.css">
    <link rel="stylesheet" type="text/css" href="../../plugins/swiper/swiper.css">
    <link rel="stylesheet" type="text/css" href="../../plugins/wow/animate.css">
    <!-- page CSS -->
    <link rel="stylesheet" type="text/css" id="app-stylesheet" href="../../css/main.css">
</head>
<style>
    body .container{
        background:url(../img/login-background1.png) 0 bottom #049ec4;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: auto;
    }
</style>
<body>
<div class="row" style="margin:auto">
    <div class="col-lg-2"></div>
    <div class="col-lg-8">
        <div class="header__logo" style="display: inline-block;">
            <img src="../img/ctgu_logo.png" style="height: 80px;width: 343px;">
        </div>
        <nav class="onepage-nav">
            <ul class="onepage-menu">
                <li class="current-menu-item"><a href="/login">登录</a>
                </li>
                <li><a href="/forgetPwd">忘记密码</a>
                </li>
            </ul><!-- onepage-menu -->
        </nav>
    </div>
    <div class="col-lg-2"></div>
</div>
<div  class="container" style="margin: 0px auto;">
    <section id="content" style="margin: 100px auto;">
        <div class="header bk-margin-bottom-20 text-center" style="text-align: center;">
            <img src="../img/ctgu_logo1.png" class="img-responsive" style="width: 55%; height: 22%;margin:10px auto;" alt="" />
        </div>
        <form action="login" method="post">
            <h1>用户登录</h1>

            <div>
                <input type="text" placeholder="请输入身份证号"  required=""  name="username" id="username" />
            </div>

            <div>
                <input type="password" placeholder="密码" required="" name="password" id="password" />
            </div>

            <div>
                <span>&nbsp;</span>
            </div>
            <div  style="margin:0 0 10px 0">
                <div class="radio-custom radio-inline" style="display:inline-block;">
                    <input type="radio" id="inline-radio1" name="role" value="admin">
                    <label for="inline-radio1"> 系统管理员  </label>
                </div>
                <div class="radio-custom radio-inline" style="display:inline-block">
                    <input type="radio" id="inline-radio2" name="role" value="school">
                    <label for="inline-radio2">教务处管理员</label>
                </div>
                <div class="radio-custom radio-inline" style="display:inline-block;">
                    <input type="radio" id="inline-radio3" name="role" value="student">
                    <label for="inline-radio3"> 学生登录</label>
                </div>
            </div>
            <div>
                <!-- <input type="submit" value="Log in" /> -->
                <input type="submit" value="登录"/>
            </div>
        </form><!-- form -->
        <div class="button">
            <span><a href="forgetPwd">忘记密码?</a></span>
        </div> <!-- button -->
    </section><!-- content -->

</div>
<!-- container -->
<script>
    window.onload = function (ev) {
        if(!${empty errorMsg}) {
            alert("${errorMsg}");
        }
    }

</script>
</body>
</html>
